<template>
  <div class="digui_box">
      <ul class="digui_ul">
          <!--  -->
          <li class="digui_li" v-for="(item,index) of list" :key="index">
              {{item.title}}
              <!-- 判断若是他数据里面有childern则显示出来。 -->
              <div v-if="item.children">
                  <!-- 使用递归组件，那就是他自己的name名字  name:"listChildren"。:list 是传过来的接收的。:list="item.children"就是若是有自己下面的数据则渲染出来。 -->
                  <list-Children :list="item.children"></list-Children>
              </div>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
    name:"listChildren",
    props:{
        list:Array
    }

}
</script>

<style lang="stylus" scoped>
.digui_ul{
    .digui_li{
        padding:0.2rem 0.32rem;
        font-size :0.35rem;
    }
}
</style>